<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>驾驶员统计</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src='../static/js/common.js'></script>
  <script type="text/javascript" src='../static/js/messageContent.js'></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type="text/javascript" src='../static/js/driverStatistics.js'></script>
  <script type='text/javascript' src='../static/table/driverStatisticsTable.js'></script>
</head>
<body>
  <div class="ablosulteDiv">
	<div class="top">
		<h4 class="partTitle">
			当前位置: 充电记录 <span class="comSpanTitle">></span>驾驶员统计
		</h4>
	</div>
	<div class="blueBorder"></div>
	<div class="recordTBody">
		<div class="partWhite paddingBottomTen">
			<form class="form-horizontal" id="driverStasticsSearch">
				<div class="form-group">
					<div class="col-md-3 col3ConditionAll">
					<label for="cardNo" class="col-sm-4 control-label partConditionTitle">驾驶员卡号</label>
					<div class="col-sm-8 partCondition">
						<input id="cardNo" name="cardNo" maxlength="15" class="form-control">
					</div>
					</div>
		            <div class="col-sm-1">
				        <button type="button" class="btn btnDefault marginLeft2ten" onclick="search();">
				            <img src="../static/images/chaxun.png" height="18" width="18"/> 查询
				        </button>
				    </div>
		        </div>
		        <div>
					<div class="col-sm-2" style="float: left;">
						<span id="showMonth" style="font-size:24px;"></span>
				    </div>
				  	<div class="partTable" id="dayList" style="margin-left: -39px;margin-bottom:10px">
					</div>
					<div class="dateForm" id="hideform" hidden="hidden">
						<label for="startChargingTime" class="col-sm-4 control-label partConditionTitle">开始时间</label>
			            <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii:00" style="float: left;">
			                <input id="startChargingTime" name="startChargingTime" class="form-control" type="text">
			                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
			            </div>
			            <label for="endChargingTime" class="col-sm-4 control-label partConditionTitle">结束时间</label>
			            <div id="endDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii:59" style="float: left;">
			                <input id="endChargingTime" name="endChargingTime" class="form-control" type="text">
			                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
			            </div>
					</div>
				</div>
			</form>
		</div>
		<div class="partWhite paddingBottomTen">
			<div class="partTable">
				<table class="table table-hover" id="driverStatisticsTable">
				   	<thead id="driverStatisticsThead">
				   	</thead>
				   	<tbody id="driverStatisticsTbody">
				   	</tbody>
				</table>
			</div>
			<div id="contenter" hidden=true>
				<div class="partTable">
					<div id="histogram" class="col-sm-10" style="height:400px;">
					</div>
					<label class="col-sm-2 control-label partConditionTitle">选择柱状图纵坐标:</label>
					<div class="col-sm-2 partCondition" style="margin-bottom:40px">
						<select id="selectAllList" name="selectAllList" class="form-control" onchange="changeEchart()">
							<option value="chargingKWHTotalList" selected="selected">充电电量</option>
							<option value="chargingCountTotalList">充电次数</option>
							<option value="totalChargingDTTMList">充电时长</option>
						</select>
					</div>
				</div>
			</div>
			<div class="comHtmlTitle"><span class="borBlue"></span>驾驶员统计查询——列表
				<div class="partTable">
					<table class="table table-hover" id="driverRecordTable">
						<thead id="driverRecordThead">
						</thead>
						<tbody id="driverRecordTbody">
						</tbody>
					</table>
				</div>
				<div class="partBtn" hidden=true>
				  <div class="partTurnPage">
			          <ul class="list-inline">
			              <li id="total">共0页 0条记录</li>
			              <li class="turnPage"></li>
			          </ul>
			      </div>
			    </div>
			</div>
		</div>
	</div>
  </div>
</body>
</html>
